<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:jie>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>测试grid</title>
        <link rel="stylesheet" type="text/css" href="css/jie.css">
        <script language='javascript' src='js/scriptManager.js'>
        </script>
        <script language='javascript'>loadFiles();
        </script>
    </head>
    <body>
        <textarea id="titles" style="height: 50px; width: 400px" onclick="alert('1111')">
        </textarea>
        <div id="jie1" style="width:800px;border: 1px solid #abcdef" onclick="this.style.borderWidth='5'">
        </div>
        <div id="jie">
            <ul>
                <li>
                    <div style="width: 100px;">
                        1
                    </div>
                </li>
            </ul>
        </div>
        <script language='javascript'>
            alert(Properties.grid.row.height);
            function cre(){
            	alert("11");
            	var el = document.createElement("div");
            	el.style.border = "1px solid #abcdef";
            	el.style.height = "40px";
            	el.style.width = "80px";
            	el.style.display = "inline-block";
            	return el;
            }
            		var elDiv = document.getElementById("jie1");
            		var el1 = cre();
            		elDiv.appendChild(el1);
            		elDiv.appendChild(cre());
            		elDiv.appendChild(cre());
            		var el2 = cre();
            		el2.style.display = "block";
            		elDiv.appendChild(el2);
            		
            		//elDiv.appendChild(document.createElement("br"));
            		
            		el1.style.height="80px";
            		//elDiv.appendChild(cre());
            		elDiv.appendChild(cre());
            		elDiv.appendChild(cre());
            		elDiv.appendChild(cre());
            			var sTitle = "a\tb\tc\td\re\tf\tg\th";
            			//var g = new jieGrid("jie1", "o_Grid1", "HEIGHT", "100px");
            /*
            			g.setGid("o_Grid1");
            			g.setTop(0);
            			g.setLeft(0);
            			g.setBoxColor("#000000");
            			g.setBoxWidth(1);
            			g.setGridWidth("100%");
            			g.setGridHeight("500px");
            //			g.test();
            			g.initGrid();
            */
            //	var abc = document.createElement("jie/-grid");
            	//abc.style.display =  "inline-block";
            	//abc.style.border = "1px #000000 solid";
            	//abc.style.backgroundColor = "#000000";
            	//abc.style.width = "100px";
            //	abc.style.height = "100px";
            /*
            	abc.className = "jie";
            	abc.innerHTML = "abc";
            	alert(abc);
            	document.getElementById("jie1").appendChild(abc);
            	document.getElementById("jie1").appendChild(abc.cloneNode(true));
            	document.getElementById("jie1").appendChild(document.getElementById("titles").cloneNode(true));
            	//jieGrid*/
            		
        </script>
    </body>
</html>
